<template>
	<div id="app">
<!--		<transition name="fade"-->
<!--		            mode="out-in">-->
<!--			<router-view></router-view>-->
<!--		</transition>-->
		<transition name="fade" mode="out-in">
			<keep-alive>
				<router-view v-if="$route.meta.keepAlive"></router-view>
			</keep-alive>
		</transition>
		<transition name="fade" mode="out-in">
			<router-view v-if="!$route.meta.keepAlive"></router-view>
		</transition>
	</div>
</template>

<script>
export default {
	name: 'app',
	components: {

	},
	data() {
		return {
			nameOne: '1',
			nameTwo: '2',
		}
	}
}

</script>

<style lang="scss">
body {
	margin: 0;
	padding: 0;
	/*background: url(assets/bg1.jpg) center !important;
		background-size: cover;*/
	// background: #1F2D3D;
	/*font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;*/
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
}

#app {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
}

.el-submenu [class^=fa] {
	vertical-align: baseline;
	margin-right: 10px;
}

.el-menu-item [class^=fa] {
	vertical-align: baseline;
	margin-right: 10px;
}
.el-submenu li.el-menu-item {
	padding-left: 50px !important;
}
.toolbar {
	padding: 10px 0 0 10px;
}
.toolbar {
	background: #f2f2f2;
	padding: 10px;
	//border:1px solid #dfe6ec;
	margin: 10px 0;
	.el-form-item {
		margin-bottom: 10px;
	}
}
.el-popover {
	min-width: 0 !important;
}

.fade-enter-active,
.fade-leave-active {
	transition: all .2s ease;
}

.fade-enter,
.fade-leave-active {
	opacity: 0;
}
/*.el-table .cell {*/
/*	display: flex;*/
/*	align-items: center;*/
/*}*/
/*进度条颜色*/
#nprogress .bar {
	/*background: #0A74DA; !important; //颜色可修改*/
	background: red !important; //颜色可修改
}
.edui-editor-toolbarboxinner {
	line-height: normal !important;
}
.container .main {
	padding: 13px;
	background: #f1f1f1;
}
.container .header .logo {
	border: none !important;
}
.container .header {
	background-color: #00497f !important;
}
.container .main .content-container {
	background-color: #fff;
}
.el-button--info:focus, .el-button--info:hover {
	background: #fff !important;
	border-color: #00497f !important;
	color: #00497f !important;
}
.el-menu .el-submenu .el-menu-item {
	min-width: 0;
}
.el-form-item__content {
	display: flex;
	margin-left: 0 !important;
}
.container .main .content-container .content-wrapper {
	margin-top: 15px;
}
.el-dialog .el-dialog__header {
	padding: 20px 35px 10px;
}
.el-dialog__body {
	/*padding: 30px 20px 12px !important;*/
	margin: 30px 30px;
	background: #F9F8F8;
	border-radius: 4px;
}
.el-dialog__footer {
	padding: 10px 30px 20px !important;
}
.container .main .content-container .content-wrapper {
	margin-top: 10px !important;
}
.el-input__inner {
	line-height: normal !important;
}
.el-form-item__label {
	font-weight: 600;
}
.el-dialog {
	border-radius: 4px !important;
	margin-top: 10vh !important;
}
.gift-info .el-radio-button__orig-radio:checked+.el-radio-button__inner {
	background-color: #104c80;
	border-color: #104c80;
	box-shadow: -1px 0 0 0 #104c80;
}

</style>
